.container {
    margin: 0;
    padding: 0;
}



.alertarea {
    position: absolute;
    width: 100vw;
}

.btnimg_add {
    width: 20px;
    margin-right: 8px;
}

.btns {
    margin-top: 2vh;
    margin-left: -15px;
}

.btns .btn.add {
    display: flex;
}

.goods {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
}

.goods .item {
    width: 14vw;
    box-shadow: 0px 3.5px 5.5px -2.5px #6666;
    display: flex;
    flex-direction: column;
}

.goods .item:hover {
    border: 1px solid #eee;
}

.goods .item:not(:first-child) {
    margin-left: 2.4vw;
}

.goods .item img {
    width: 100%;
}

.inputs h3 {
    margin: 20px 0;
}

.input-group {
    width: 60vw;
    margin: 20px 0;
}
.input-group .inputname{

}

.input-group-addon {
    width: 100px;
    border: none;
    background: transparent;
    color: #a6a6a6;
    text-align: left;
}

.form-control.kc {
    width: 8vw;
}

.input-group-addon.desc {
    vertical-align: top;
}

.btns_bottom {
    justify-content: space-around;
    padding: 0 30%;
}

.img_warp {
    display: flex;
}

.img_warp img {
    width: 200px;
    max-height: 300px;
    margin-right: 50px;
}

.img_warp .btn_upload {
    flex-direction: column;
    justify-content: space-around;
}

#file {
    display: none;
}

.img_warp .fileimg {
    width: 100px;
}

.table {
    background: #fff;
    margin-top: 30px;
    width: 70vw;
}

.table thead {
    background-color: #f6f8f9;
    color: #9a9a9a;
}

.table thead>tr>th {
    border-bottom: none;
    font-weight: 400;
}

.table tbody>tr>td {
    border: none;
    padding-left: 20px;

}
.table{
    table-layout: fixed;
}
.table tbody>tr>td:nth-child(1) img{
    width:60px;
    height: 50px;
}
.table tbody>tr>td:nth-child(3){

    white-space: nowrap; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.table thead:first-child tr:first-child th {
    text-align: left;
    padding-left: 20px;
}
#name{
    margin-right: 20px;
}
.btn.submit{
    min-width:6vw; 
    margin-right: 25px;
}
.img_warp .closeimg {
width: 40px;
height: 40px;
position: absolute;
margin-top: -15px;
margin-right: 32px;
}

.img_warp .closeimg.thumb {
position: relative;
}
.table tbody > tr > td {
vertical-align: middle;
padding-top: 12px;
padding-bottom: 12px;
}
.table tbody > tr .operate {
display: flex;
margin-top: 20px;
}
.table tbody > tr .operate p{
margin: 0;
color: #0074e8;
cursor: pointer;
text-decoration: underline;
}
.table tbody > tr .operate .edit{
margin-right: 10px;


}
.table tbody > tr .operate .ope{
   
    display: flex;
}
.table tbody > tr .operate button{
    margin-right: 15px;
}
.typelist{
    display: flex;
    margin-left: 20px;
}

.tabletit .typelist p{
    margin: 0;
    border-radius: 0;
    color: #0074e8;
    background: #fff;
    border: 1px solid #0074e8;
}
.tabletit .typelist .c{
     color: #fff;
    background: #0074e8;
    border: none;
    
}